html,body{
    margin:0;
    padding:0;
    overflow:hidden;
}
body{
    background:url(../images/body_bg.jpg) 0 0 repeat-x #000;
}
.main_bg{
    background:url(../images/1.jpg) top center no-repeat;
    height:800px;
    margin-top: -200px;
}
.main{
    width:1000px;
    height:800px;
    position:relative;
    margin:0 auto;
}
.num_mask{
    background:url(../images/1.png) 0 0 no-repeat;
    height:184px;
    width:740px;
    position:absolute;
    left:50%;
    top:340px;
    margin-left:-280px;
    z-index:9;
}
.num_box{
    height:450px;
    width:750px;
    position:absolute;
    left:50%;
    top:340px;
    margin-left:-270px;
    z-index:8;
    overflow:hidden;
    text-align:center;
}
.num{
    background:url(../images/num.png) top center repeat-y;
    width:181px;
    height:265px;
    float:left;
    margin-right:6px;
}
.btn{
    background:url(../images/btn_start.png) 0 0 no-repeat;
    width:264px;
    height:89px;
    position:absolute;
    left:50%;
    bottom:50px;
    margin-left:-220px;
    cursor:pointer;
    clear:both;
}
.tb{
    /*background:url(../images/2.png) 0 0 no-repeat;*/
    position:absolute;
    left:50%;
    bottom:50px;
    margin-left:-400px;
    cursor:pointer;
    float: left;
    font-size: 56px;
    padding-left:40px;
    padding-right:20px;
    background-color: black;
    color: white;
}
.jf{
    /*background:url(../images/2.png) 0 0 no-repeat;*/
    position:absolute;
    left:50%;
    bottom:50px;
    margin-left:50px;
    cursor:pointer;
    float: left;
    font-size: 56px;
    padding:0 10px;
    background-color: black;
    color: white;
}